/*#leftMenu{*/
/*  overflow: hidden;*/
/*  z-index: 9999;*/
/*  position: fixed;*/
/*}*/

/*图例*/
.ol-legend ul li.ol-title{
  min-width: 12em;
}
.ol-legend ul li.ol-title > div:last-child {
  position: absolute;
  left: 0;
  right: 0;
  top: 10px;
}
.ol-legend button{
  font-size: 1.7em !important;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  height: 1.4em;
  width: 1.4em;
}

.mapDivClassName {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.mapDivClass{
  width: 50%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  position: absolute;
}

.ol-control{
  padding: 0px;
  background-color: rgba(255,255,255,0.8);
}

.ol-legend.ol-control{
  left: 245px!important;
  bottom: 50px!important;
}

.ol-control button{
  background-color:#fff;
  color: #656262;
  height: 32px;
  width: 32px;
;
}
.ol-control button:hover, .ol-control button:focus{
  background-color:#efeeee;
}

#compareMapDiv{
  display: none;
}

.ol-zoom.ol-control {
  top: unset;
  left: unset;
  bottom: 50px !important;
  right: 10px !important;
}
.horizontal-toolbar button{
  margin-right: unset;
}

.vertical-toggle-group {
   display: unset;
}

#layerbox_item{
  z-index: 1;
  padding: 14px 0 13px;
  background: #fff;
  border-radius: 3px;
  height: 18px;
}

#layerbox_item .item {
  float: left;
  height: 18px;
  /* padding-left: 5px; */
  font-size: 12px;
  /* border-left: 1px #dbdee2 dashed; */
  vertical-align: middle;
  cursor: pointer;
  overflow: visible;
  zoom: 1;
  color: #5f6477;
  margin-top: 1px;
}

#layerbox_item .vertical-toggle-group>button:nth-child(1) .item{
  border-left: 0
}

#layerbox_item .item .icon {
  width: 20px;
  height: 18px;
  line-height: 18px;
  margin-right: 6px;
  color: #7c8196;
}
#layerbox_item .item span {
  display: inline-block;
  vertical-align: middle;
  float: left;
}

#layerbox_item .item .icon .iconfont.icon-wumai {
  font-weight: 700;
}

#layerbox_item .item .icon .iconfont {
  width: 20px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}
.iconfont {
  font-family: iconfont!important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#layerbox_item .item .name {
  line-height: 18px;
}
#layerbox_item .item span {
  display: inline-block;
  vertical-align: middle;
  float: left;
}

#layerbox_item .ranging.active .icon {
  background-position: 2px -458px;
}

#layerbox_item .ranging .icon {
  background-position: 2px -423px;
}
#layerbox_item .item .icon {
  width: 20px;
  height: 18px;
  line-height: 14px;
  margin-right: 4px;
  color: #7c8196;
}
#layerbox_item .item span {
  display: inline-block;
  vertical-align: middle;
  float: left;
}

.toolTip button{
  border: none;
  background-color: transparent !important;
  outline: none;
  padding: 1px 9px;
}
#search{
  position: fixed;
  z-index: 99;
  top: 1vh;
  left: 20vw;
  display: none;
}
#search input{
  width: 300px;
  border-radius: 3px;
  height: 32px;
}


.bdDate1{
  position: absolute;
  z-index: 1;
  top: 12vh;
  left: 3vw;
  background-color: white;
  border-radius: 3px;
}

.bdDate2{
  position: absolute;
  z-index: 1;
  top: 12vh;
  right: 3vw;
  background-color: white;
  border-radius: 3px;
}

#historyPlayer{
  min-width: 500px;
  width: calc(100% - 520px);
  left: 430px;
  /* transform: translateX(-50%); */
  z-index: 1;
  padding: 40px 30px 0 80px;
  position: fixed;
  font-size: 14px;
  background: rgba(13,17,18,0.8);
  display: none;
  border-radius: 3px
}

.ant-slider-rail{
  background: rgba(106,116,133,1);
}
.ant-slider-mark span{
  color: #fff;
  font-size: 12px;
}
.ant-slider-dot{
  width: 4px;
  height: 8px;
  border-radius: 0;
  top: -8px;
  background: #4CAF76;
  border: 0;
}
.ant-slider-dot:first-child,.ant-slider-dot:last-child{
  width: 5px;
  height: 24px;
  top: -26px;
}
.ant-slider-dot:first-child::after,.ant-slider-dot:last-child::after{
  content: "";
  width: 14px;
  height: 14px;
  display: block;
  background: rgba(210,216,224,1);
  position: absolute;
  top: 20px;
  left: -4px;
}
.ant-slider-step{
  background: rgba(106,116,133,1);
}
.ant-slider-handle{
  /* display: none; */
  background: transparent;
  border: 0;
}
.ant-slider-handle:focus{
  box-shadow: none;
}
.ant-tooltip .ant-tooltip-inner{
  background: rgba(76,175,118,1);
  padding: 0px 14px;
  min-height: auto;
  height: 22px;
  font-size: 12px;
}
.ant-tooltip-arrow::before{
  background-color: rgba(76,175,118,1);
}

.ant-tooltip-placement-top .ant-tooltip-arrow{
  left: 25px;
}

/* 分割线 */
.splitLine{
  height: 18px;
  border-left: 1px #dbdee2 dashed;
}

button .toolsIcon{
  fill: #696969;
}

button.btn-pressed {
  color: #4BAF75;
  border: 0;
}

button.btn-pressed .toolsIcon{
  fill: #4BAF75;
}

button.btn-pressed .item{
  color: #4BAF75!important;
}
